<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>高校综合信息发布系统首页</title>
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="this is my page">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">

<LINK rel="stylesheet" type="text/css" href="css/css.css">
<LINK rel=stylesheet type=text/css href="css/tu_pian.css">
<LINK rel=stylesheet type=text/css href="css/menu.css">
<link rel="stylesheet" type="text/css" href="css/index_preview.css">
<script src="scripts/jquery-1.6.2.js" type="text/javascript"></script>
<script type="text/javascript" src="scripts/index.js"></script>
<script type="text/javascript" src="scripts/menu.js"></script>
<script type="text/javascript" src="scripts/format.js"></script>
<script type="text/javascript">
	var $_ = function(id) {
		return "string" == typeof id ? document.getElementById(id) : id;
	};

	var Extend = function(destination, source) {
		for ( var property in source) {
			destination[property] = source[property];
		}
		return destination;
	}

	var CurrentStyle = function(element) {
		return element.currentStyle
				|| document.defaultView.getComputedStyle(element, null);
	}

	var Bind = function(object, fun) {
		var args = Array.prototype.slice.call(arguments).slice(2);
		return function() {
			return fun.apply(object, args.concat(Array.prototype.slice
					.call(arguments)));
		}
	}

	var Tween = {
		Quart : {
			easeOut : function(t, b, c, d) {
				return -c * ((t = t / d - 1) * t * t * t - 1) + b;
			}
		},
		Back : {
			easeOut : function(t, b, c, d, s) {
				if (s == undefined)
					s = 1.70158;
				return c * ((t = t / d - 1) * t * ((s + 1) * t + s) + 1) + b;
			}
		},
		Bounce : {
			easeOut : function(t, b, c, d) {
				if ((t /= d) < (1 / 2.75)) {
					return c * (7.5625 * t * t) + b;
				} else if (t < (2 / 2.75)) {
					return c * (7.5625 * (t -= (1.5 / 2.75)) * t + .75) + b;
				} else if (t < (2.5 / 2.75)) {
					return c * (7.5625 * (t -= (2.25 / 2.75)) * t + .9375) + b;
				} else {
					return c * (7.5625 * (t -= (2.625 / 2.75)) * t + .984375)
							+ b;
				}
			}
		}
	}

	//容器对象,滑动对象,切换数量
	var SlideTrans = function(container, slider, count, options) {
		this._slider = $_(slider);
		this._container = $_(container);//容器对象
		this._timer = null;//定时器
		this._count = Math.abs(count);//切换数量
		this._target = 0;//目标值
		this._t = this._b = this._c = 0;//tween参数

		this.Index = 0;//当前索引

		this.SetOptions(options);

		this.Auto = !!this.options.Auto;
		this.Duration = Math.abs(this.options.Duration);
		this.Time = Math.abs(this.options.Time);
		this.Pause = Math.abs(this.options.Pause);
		this.Tween = this.options.Tween;
		this.onStart = this.options.onStart;
		this.onFinish = this.options.onFinish;

		var bVertical = !!this.options.Vertical;
		this._css = bVertical ? "top" : "left";//方向

		//样式设置
		var p = CurrentStyle(this._container).position;
		p == "relative" || p == "absolute"
				|| (this._container.style.position = "relative");
		this._container.style.overflow = "hidden";
		this._slider.style.position = "absolute";

		this.Change = this.options.Change ? this.options.Change
				: this._slider[bVertical ? "offsetHeight" : "offsetWidth"]
						/ this._count;
	};
	SlideTrans.prototype = {
		//设置默认属性
		SetOptions : function(options) {
			this.options = {//默认值
				Vertical : true,//是否垂直方向（方向不能改）
				Auto : true,//是否自动
				Change : 0,//改变量
				Duration : 50,//滑动持续时间
				Time : 10,//滑动延时
				Pause : 4000,//停顿时间(Auto为true时有效)
				onStart : function() {
				},//开始转换时执行
				onFinish : function() {
				},//完成转换时执行
				Tween : Tween.Quart.easeOut
			//tween算子
			};
			Extend(this.options, options || {});
		},
		//开始切换
		Run : function(index) {
			//修正index
			index == undefined && (index = this.Index);
			index < 0 && (index = this._count - 1) || index >= this._count
					&& (index = 0);
			//设置参数
			this._target = -Math.abs(this.Change) * (this.Index = index);
			this._t = 0;
			this._b = parseInt(CurrentStyle(this._slider)[this.options.Vertical ? "top"
					: "left"]);
			this._c = this._target - this._b;

			this.onStart();
			this.Move();
		},
		//移动
		Move : function() {
			clearTimeout(this._timer);
			//未到达目标继续移动否则进行下一次滑动
			if (this._c && this._t < this.Duration) {
				this.MoveTo(Math.round(this.Tween(this._t++, this._b, this._c,
						this.Duration)));
				this._timer = setTimeout(Bind(this, this.Move), this.Time);
			} else {
				this.MoveTo(this._target);
				this.Auto
						&& (this._timer = setTimeout(Bind(this, this.Next),
								this.Pause));
			}
		},
		//移动到
		MoveTo : function(i) {
			this._slider.style[this._css] = i + "px";
		},
		//下一个
		Next : function() {
			this.Run(++this.Index);
		},
		//上一个
		Previous : function() {
			this.Run(--this.Index);
		},
		//停止
		Stop : function() {
			clearTimeout(this._timer);
			this.MoveTo(this._target);
		}
	};
</script>


</head>
<body>
	<div class="zhong">
		<div class="top">

			<div class="top_right">
				<div class="top_right_1">
					<a href="">设为首页</a> | <a href="">加入收藏</a>| <a href="">繁體中文</a>
				</div>
				<div class="top_right_2">
					<h1>综合信息发布系统</h1>
				</div>
			</div>
		</div>

		<div class="menu">
			<div id="menu" class="menu">
				<ul>
					<li><a href="index.html?status=0">首页</a></li>
					<li><a href="information.html?menu_index=1&category=四、六级信息"
						target="_blank">四六级信息</a></li>
					<li><a href="information.html?menu_index=2&category=计算机等级考试信息"
						target="_blank">等级考试</a></li>
					<li><a href="information.html?menu_index=3&category=期末考试安排信息"
						target="_blank">期末考试</a></li>
					<li><a href="information.html?menu_index=4&category=等级考试"
						target="_blank">教材信息</a></li>
					<li><a href="information.html?menu_index=5&category=课表信息"
						target="_blank">课表信息</a></li>
					<li><a href="information.html?menu_index=6&category=成绩信息"
						target="_blank">成绩信息</a></li>
					<li><a href="javascript:alert('no service...');">留言</a></li>
					<li><a href="javascript:alert('no service...');">论坛</a></li>
				</ul>
			</div>
		</div>
		<div class="main">
			<div class="left">

				<div class="box_1 xp" id="yonghu">
					<div class="left_title">
						<img src='Images/user_.gif' alt='用户登陆信息' class="user_" />登陆信息
					</div>
					<ul id="ul_li">

					</ul>
				</div>
				<div class="box_1" id="huiyuan">
					<div class="left_title">
						<img src='Images/huiyuan.gif' alt='会员中心' class="user_" />会员中心
					</div>
					<form action="CheckLogin" id="form">
						<table width="100%" border="0" cellspacing="0" cellpadding="0">
							<tr>
								<td width="32%" height="37" valign="middle">账 号：</td>
								<td width="68%" valign="middle"><input type="text"
									name="account" id="textfield" class="input_1"
									onkeypress='javascript:return key(event);' /></td>
							</tr>
							<tr>
								<td height="37" valign="middle">密 码：</td>
								<td valign="middle"><input type="password" name="password"
									id="textfield2" class="input_2"
									onkeypress='javascript:return key(event);' /></td>
							</tr>
							<tr>
								<td colspan="2"><img style="cursor: pointer;"
									src="Images/img_4.gif" onclick="return sub();" /> <img
									src="Images/img_5.gif" style="margin: 0 10px; cursor: pointer;"
									onclick="javascript:window.open('register.html', '用户注册', 'height=400, width=500, top=200,left=500, toolbar=no,menubar=no, scrollbars=no, resizable=no,location=no, status=no');return false;" />
								</td>
							</tr>
						</table>
					</form>
				</div>
				<div class="box_1">
					<div class="left_title">
						<img src='Images/li_image.gif' alt='公告栏' />本站公告
					</div>
					<div class="left_nr">
						<marquee id="affiche" behavior="scroll" direction="down"
							height="130px;" hspace="20" vspace="20" loop="-1"
							scrollamount="1" scrolldelay="10" onMouseOut="this.start()"
							onMouseOver="this.stop()">
							<ul>
								<li><a href="javascript:;">最新公告1</a></li>
								<li><a href="javascript:;">最新公告2</a></li>
								<li><a href="javascript:;">最新公告3</a></li>
								<li><a href="javascript:;">最新公告4</a></li>
							</ul>
						</marquee>
					</div>
				</div>
			</div>
			<div class="right" id="right_">
				<div class="right_top_img">
					<DIV id=idContainer2 class=container>
						<TABLE id=idSlider2 border=0 cellSpacing=0 cellPadding=0>
							<TBODY>
								<TR>
									<TD class=td_f><A href="Images/01.jpg" target="_blank"><IMG
											src="Images/01.jpg"></A></TD>
									<TD class=td_f><A href="Images/02.jpg" target="_blank"><IMG
											src="Images/02.jpg"></A></TD>
									<TD class=td_f><A href="Images/03.jpg" target="_blank"><IMG
											src="Images/03.jpg"></A></TD>
									<TD class=td_f><A href="Images/04.jpg" target="_blank"><IMG
											src="Images/04.jpg"></A></TD>
									<TD class=td_f><A href="Images/05.jpg" target="_blank"><IMG
											src="Images/05.jpg"></A></TD>
								</TR>
							</TBODY>
						</TABLE>
						<UL id=idNum class=num></UL>
						<script type="text/javascript">
							var forEach = function(array, callback, thisObject) {
								if (array.forEach) {
									array.forEach(callback, thisObject);
								} else {
									for ( var i = 0, len = array.length; i < len; i++) {
										callback.call(thisObject, array[i], i,
												array);
									}
								}
							}

							var st = new SlideTrans("idContainer2",
									"idSlider2", 5, {
										Vertical : false
									});

							var nums = [];
							//插入数字
							for ( var i = 0, n = st._count - 1; i <= n;) {
								(nums[i] = $_("idNum").appendChild(
										document.createElement("li"))).innerHTML = ++i;
							}

							forEach(nums, function(o, i) {
								o.onmouseover = function() {
									o.className = "on";
									st.Auto = false;
									st.Run(i);
								}
								o.onmouseout = function() {
									o.className = "";
									st.Auto = true;
									st.Run();
								}
							})

							//设置按钮样式
							st.onStart = function() {
								forEach(nums, function(o, i) {
									o.className = st.Index == i ? "on" : "";
								})
							}
							st.Run();
						</script>
					</DIV>
				</div>
				<img src="Images/img_8.gif" style="float: left" />
				<div class="news">
					<div class="news_title">
						<span><img src="Images/title_1.gif" /></span><img
							src="Images/more.gif" onclick="javascript:image_click();"
							id="more_" />
					</div>
					<table width="100%" border="0" cellspacing="0" cellpadding="0">
						<tbody id="new_information">

						</tbody>
					</table>
				</div>
			</div>

		</div>
		<div class="bottom">
			<p>Email：584991340@qq.com 联系电话：18711687525 QQ：584991340</p>

		</div>
	</div>
</body>
</html>
